<template>
  <div class="login-body">
      <login-view @goregister="goregister" v-if="islogin"></login-view>
      <register-view v-else @goregister="goregister"></register-view>
  </div>
</template>

<script>
import LoginView from './LoginView.vue'
import RegisterView from './RegisterView.vue'
export default {
    components: {
        LoginView,
        RegisterView
    },
    data() {
        return {
            islogin: true
        }
    },
    methods: {
        goregister() {
            this.islogin = !this.islogin
        }
    }
}
</script>

<style>
.login-body {
  height: 100vh;
  width: 100%;
  background: url("http://192.168.2.27:8888/assets/img/pinkback.jpg") no-repeat;
  background-size: cover;
  overflow: hidden;
}
</style>